@/*
    表单中DateTime框标签中各个参数的说明:

   
    name : input框名称
    readonly : readonly属性
    clickFun : 点击事件的方法名
    style : 附加的css属性
    width: 自定义宽默认40%
   
@*/
@if(isEmpty(width)){
@	width="40%";
@}
@if(isEmpty(aaa)){
@	aaa=null;
@}
@if(isEmpty(valuel)){
@	valuel=null;
@}
@if(isEmpty(valuer)){
@	valuer=null;
@}
<div class="form-group">
    <label class="lab">开始时间</label>
    <div class="ele ${isEmpty(name)?'ele-fit':''}">
    	<div
           @if(isEmpty(readonly)){
           		style="width:${width!};background-color:#fff;${style!}"
           @}else{
           		style="width:${width!};background-color:#f3f3f3;${style!}"
           @}
	    >
	        <input class="textbox dateinput" id="start" name="start"
	               type="text" style="width:100%;background: transparent;"
	               readonly="true"
	              
	               placeholder="请选择开始时间"
	                @if(isNotEmpty(valuel)){
                    value="${valuel!,dateFormat='yyyy-MM-dd HH:mm'}"
               	    @}
	        />
	    	<span class="dateicon" style="height: 28px;"></span>
    	</div>
    	  <label class="lab" style="float:left;width:20%;text-align: right;">结束时间</label>
    	<div
           @if(isEmpty(readonly)){
           		style="width:${width!};background-color:#fff;${style!}"
           @}else{
           		style="width:${width!};background-color:#f3f3f3;${style!}"
           @}
	    >
	        <input class="textbox dateinput" id="end" name="end"
	               type="text" style="width:100%;background: transparent;"
	               readonly="true"
	               
	               placeholder="请选择结束时间"
	               @if(isNotEmpty(valuer)){
                    value="${valuer!,dateFormat='yyyy-MM-dd HH:mm'}"
               	    @}
	        />
	    	<span class="dateicon" style="height: 28px;"></span>
    	</div>
		@if(isNotEmpty(tips)){
	        <span class="help-block m-b-none">${tips!}</span>
		@}
    </div>
</div>
@if(isEmpty(readonly)){
<script type="text/javascript">
laydate.render({
	elem: '#start',
	calendar: true,
	type: 'datetime',
	format: 'yyyy-MM-dd HH:mm',
	theme: 'molv'
});
laydate.render({
	elem: '#end',
	calendar: true,
	type: 'datetime',
	format: 'yyyy-MM-dd HH:mm',
	theme: 'molv'
});
</script>
@}
@if(isNotEmpty(underline) && underline == 'true'){
    <div class="hr-line-dashed"></div>
@}


